<!doctype html>
<html lang="zh">
<head>
    <base href="../../">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="基于区块链的图书馆">
    <meta name="keywords" content="区块链，图书馆">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <title>区块链图书馆</title>
    <link href="images/library.png" rel="shortcut icon">
    <link rel="stylesheet" type="text/css" href="css/common.css"/>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/pagination.css"/>
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
	<!-- <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"/> -->
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/pagination.js"></script>
    <script type="text/javascript" src="app/web3.min.js"></script><!--core-->
    <script type="text/javascript" src="app/truffle-contract.js"></script><!--core-->
</head>

<body>

<div id="wrap">

    <!--左侧菜单栏-->
    <script type="text/javascript" src="js/nav.js"></script>

    <!--右侧内容栏-->
    <div id="rightContent">
        <!--右侧内容栏-->
        <div role="tabpanel" class="tab-pane">
           <!--顶部模块-->
           <nav class="navbar navbar-default navbar-fixed-top">
   <div class="container-fluid">
     <div class="navbar-header">
       <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">切换导航</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
       <a class="navbar-brand" href="/">AUSTLIBRARY</a> 
 	</div>
 <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 	<ul class="nav navbar-nav navbar-right">
		<li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">类别<span class="caret"></span></a>
		<ul class="dropdown-menu dropdown-menu-left" role="menu" id="list" onclick="handleClick">
		 		<li><a>马列</a></li>
		 		<li><a>哲学、宗教</a></li>
		 		<li><a>社会科学总论</a></li>
		 		<li><a>政治、法律</a></li>
		 		<li><a>军事</a></li>
		 		<li><a>文化、科学、教育、体育</a></li>
		 		<li><a>语言、文字</a></li>
		 		<li><a>文学</a></li>
		 		<li><a>艺术</a></li>
		 		<li><a>历史、地理</a></li>
		 		<li><a>自然科学总论</a></li>
		 		<li><a>数理科学</a></li>
		 		<li><a>天文学、地球科学</a></li>
		 		<li><a>生物科学</a></li>
		 		<li><a>医药、卫生</a></li>
		 		<li><a>农业科学</a></li>
		 		<li><a>工业技术</a></li>
		 		<li><a>交通运输</a></li>
		 		<li><a>航空、航天</a></li>
		 		<li><a>环境科学、安全科学</a></li>
		 		<li><a>综合性图书</a></li>
		</ul>
		</li>
 	  <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">admin <span class="caret"></span></a>
 	  </li>
 	  <li><a href="index.html" onClick="if(!confirm('是否确认退出？')) return false;">退出登录</a></li>
 	</ul>
 	<form action="" method="post" class="navbar-form navbar-right" role="search">
 	  <div class="input-group">
 	    <input type="text" class="form-control" autocomplete="off" placeholder="键入关键字搜索" maxlength="15">
 	    <span class="input-group-btn">
 	    <button class="btn btn-default" type="submit">搜索</button>
 	    </span> </div>
 	</form>
 </div>
 </nav>

            <!--默认背景-->
            <div id="bg">
                <a href="library/manager/bookHome.html"><img src="images/bg.jpg" style="width: 100%;"></a>
            </div>
            <!--文章列表-->
            <div class="data-div">
                <div class="row tableHeader">
                    <div class="col-xs-1">序号</div>
                    <div class="col-xs-1">书名&作者</div>
                    <div class="col-xs-3">借阅者</div>
                    <div class="col-xs-1">借阅日期</div>
                    <div class="col-xs-1">类型</div>
                    <div class="col-xs-2">书号</div>
                    <div class="col-xs-1">借阅量</div>
                    <div class="col-xs-1">评分</div>
                    <div class="col-xs-1">封面</div>
                </div>
                <div class="tableBody" id="sortList">
                    <div class="row"><!--template-->
                        <div class="col-xs-1" id="rank">1</div>
                        <div class="col-xs-1" id="nameWriter">算法</div>
                        <div class="col-xs-3" id="owner">0x69ec11c61afc509aed0c9cc7f9c6bddbe738c60a</div>
                        <div class="col-xs-1" id="date">2019-04-01</div>
                        <div class="col-xs-1" id="style">综合性图书</div>
                        <div class="col-xs-2" id="ISBN">978-7-121-31847-4</div>
                        <div class="col-xs-1" id="borrowNum">100</div>
                        <div class="col-xs-1" id="score">100</div>
                        <div class="col-xs-1">
                            <a href="book.html?id=10086"><img id="cover" style="width: 50px;height: 50px;" src="images/suanfa.jpg"/></a>
                        </div>
                    </div>
                </div>
            </div>

            <!--底部分页-->
            <footer class="footer">
                <div id="pagination"></div>
            </footer>
        </div><!--右侧内容栏-->
    </div><!--右侧内容栏-->

</div>
<script type="text/javascript" src="app/bookSearch.js"></script>
</body>
</html>